<script setup lang="ts">
import { useUserStore } from '@/store/modules/user.ts';
import { getNowTime } from '@/utils/getNowTime.ts';
import { logoConfig } from '@/setting.ts';
const userStore = useUserStore();
</script>

<template>
  <div>
    <q-card>
      <q-card-section horizontal>
        <q-card-section>
          <q-avatar round size="120px">
            <img :src="userStore.userInfo?.avatar" alt="" />
          </q-avatar>
        </q-card-section>
        <q-card-section>
          <div class="column justify-evenly items-center fit">
            <span class="text-h5">
              {{ getNowTime() }}好 {{ userStore.userInfo?.name }}
            </span>
            <span>{{ logoConfig.title }}</span>
          </div>
        </q-card-section>
      </q-card-section>
    </q-card>
    <div class="row justify-center">
      <svg-icon name="welcome" width="400px" height="400px"></svg-icon>
    </div>
  </div>
</template>

<style scoped>
/* code... */
</style>
